﻿@model Domain.SignoChines

@{
    string nome = "";
    if (Model != null)
    {
        nome = "Zodiaco Chinês " + Model.Animal;
        ViewBag.Title = nome;
    }
    else
    {
        ViewBag.Title = "Descubra o seu animal do Zodiaco Chinês";
    }
}

@section facebookMetaTags
{
    <meta property="og:title" content="@nome"/>
    <meta property="og:type" content="article"/>
    <meta property="og:url" content="@Request.Url"/>
    <meta property="og:description" content="Cantinho da cegonha - Zodiaco Chinês"/>
    <meta property="og:image" content="http://www.cantinhodacegonha.com/content/images/cegonha_2.png"/>
    <meta property="og:site_name" content="Cantinho da cegonha"/>
    <meta property="fb:page_id" content="231110590236634"/>
}

<script type="text/javascript">

    $().ready(function () {

        $("#datachines").datepicker({
            minDate: '-50y', maxDate: '+1y',
            yearRange: '1900:2050'
        });

        $(".ui-datepicker-trigger").css({float :"left"});
    });
</script>


<div class="leftCol">
@Html.Partial("_LeftMenu")
<div class="separator_green">
@Html.Partial("_PubVertical")
</div>
<div class="clear"></div>
</div>
<div class="centerCol">
@Html.Partial("_Social")
@if (Model != null)
{
<h1 style="text-align:center">@Model.Animal</h1>
<div style="margin:auto; background-image:url(&quot;../../Content/Images/chineszodiac.jpg&quot;); width: 80px; height: 90px; background-position: @Model.Imagem"></div>
<br />
<div>
<div style="margin-bottom:5px"><b>Descrição:</b></div>
<p> @Model.Descricao</p>
</div>
    if (!string.IsNullOrEmpty(Model.DescrCrianca))
    {
<div>
<div style="margin-bottom:5px"><b>Criança @Model.Animal:</b></div>
<p> @Model.DescrCrianca</p>
</div>
    }
<div>
<div style="margin-bottom:5px"><b>Anos do(a) @Model.Animal:</b></div>
<ul>
@foreach (var item in Model.DatasSignoChines)
{
	    <li>@item.DataInicial.ToString("dd MMMM, yyyy") <b>até</b> @item.DataFinal.ToString("dd MMMM, yyyy")</li>	 
}
</ul>
</div>
    <br />
if (!string.IsNullOrEmpty(Model.Cor))
{
<div>
<div style="margin-bottom:5px"><b>Cor favorável:</b></div>
<p> @Model.Cor</p>
</div>
}
<div>
<div style="margin-bottom:5px"><b>Números favoráveis:</b></div>
<p> @Model.Numeros</p>
</div>
<div>
<div style="margin-bottom:5px"><b>Compatibiliade entre signos:</b></div>
<p> @Model.Compatibilidades</p>
</div>
<div>
<div style="margin-bottom:5px"><b>Personalidades @Model.Animal:</b></div>
<p> @Model.Personalidades</p>
</div>
if (!string.IsNullOrEmpty(Model.Financas))
{
<div>
<div style="margin-bottom:5px"><b>Finanças:</b></div>
<p> @Model.Financas</p>
</div>
}
if (!string.IsNullOrEmpty(Model.Profissao))
{
<div>
<div style="margin-bottom:5px"><b>Profissão:</b></div>
<p> @Model.Profissao</p>
</div>
}
<br />
<br />
<br />
<div class="separator" style="margin-bottom:5px"></div>
}
else
{
    <h1 style="text-align:center">Zodíaco Chinês</h1> 
    <div style="margin-left: 111px;">
    @using (Html.BeginForm("SignoChinesData", "Tools", FormMethod.Post, new { onsubmit = "return valida();" }))
    {
    <label for="datachines" style="float:left;"><b>Descubra qual o seu animal do Zodiaco Chinês.<br />Indique a sua data de nascimento</b></label> <br /><br /> <br /> 
    <input name="datachines" id="datachines" type="text" class="input_text" style="width:76px;float:left;" readonly="readonly" /> 
    <input  type="submit" value="Pesquisar" id="btnPostData" style="float: left; margin-left: 30px; margin-top: -3px;"/>
    <div class="clear"></div>
    }    </div><br />
    <div class="separator" style="margin-bottom:5px"></div>
}

<br />
<div style="margin: auto; width: 375px;">
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/chineszodiac.jpg&quot;); height: 80px; width: 80px; background-position: 0 -15px;" href="/Tools/SignoChines?nome=Rato"></a>
<p><a href="/Tools/SignoChines?nome=Rato"><b>Rato</b></a></p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/chineszodiac.jpg&quot;); height: 80px; width: 80px; background-position: -292px -15px;" href="/Tools/SignoChines?nome=Boi"></a>
<p><a href="/Tools/SignoChines?nome=Boi"><b>Boi</b></a></p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/chineszodiac.jpg&quot;); height: 80px; width: 80px; background-position: -154px -83pt;" href="/Tools/SignoChines?nome=Tigre"></a>
<p><a href="/Tools/SignoChines?nome=Tigre"><b>Tigre</b></a></p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/chineszodiac.jpg&quot;); height: 80px; width: 80px; background-position: -74px -15px;" href="/Tools/SignoChines?nome=Coelho"></a>
<p><a href="/Tools/SignoChines?nome=Coelho"><b>Coelho</b></a></p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/chineszodiac.jpg&quot;); height: 90px; width: 80px; background-position: 83px -5px;" href="/Tools/SignoChines?nome=Dragão"></a>
<p><a href="/Tools/SignoChines?nome=Dragão"><b>Dragão</b></a></p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/chineszodiac.jpg&quot;); height: 90px; width: 80px; background-position: 226px -100px;" href="/Tools/SignoChines?nome=Cobra"></a>
<p><a href="/Tools/SignoChines?nome=Cobra"><b>Cobra</b></a></p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/chineszodiac.jpg&quot;); height: 90px; width: 80px; background-position: 302px -6px;" href="/Tools/SignoChines?nome=Cavalo"></a>
<p><a href="/Tools/SignoChines?nome=Cavalo"><b>Cavalo</b></a></p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/chineszodiac.jpg&quot;); width: 80px; height: 90px; background-position: -6px -100px;" href="/Tools/SignoChines?nome=Ovelha"></a>
<p><a href="/Tools/SignoChines?nome=Ovelha"><b>Ovelha</b></a></p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/chineszodiac.jpg&quot;); width: 80px; height: 80px; background-position: 228px -15px;" href="/Tools/SignoChines?nome=Galo"></a>
<p><a href="/Tools/SignoChines?nome=Galo"><b>Galo</b></a></p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/chineszodiac.jpg&quot;); height: 80px; width: 80px; background-position: 153px -83pt;" href="/Tools/SignoChines?nome=Macaco"></a>
<p><a href="/Tools/SignoChines?nome=Macaco"><b>Macaco</b></a></p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/chineszodiac.jpg&quot;); height: 80px; width: 80px; background-position: -83px -112px;" href="/Tools/SignoChines?nome=Cão"></a>
<p><a href="/Tools/SignoChines?nome=Cão"><b>Cão</b></a></p>
</div>
<div style="text-align: center; width: 89px; float: left;">
<a style="display:block;background-image: url(&quot;../../Content/Images/chineszodiac.jpg&quot;); height: 80px; width: 80px; background-position: 75px -108px;" href="/Tools/SignoChines?nome=Porco"></a>
<p><a href="/Tools/SignoChines?nome=Porco"><b>Porco</b></a></p>
</div>
<div class="clear"></div>
<br />
<div class="separator" style="margin-bottom:0px"></div>
<h2 style="text-align:center">A lenda</h2>
<p>Segundo uma antiga lenda chinesa, Buda convidou todos os animais da criação para uma festa de Ano Novo, prometendo uma surpresa a cada um dos animais. Apenas doze animais compareceram e ganharam um ano de acordo com a ordem de chegada: o Rato ou Camundongo; O Boi ou Búfalo (Vaca, na Tailândia); o Tigre (Pantera, na Mongólia); O Coelho (Gato, na Tailândia ); o Dragão (Crocodilo, na Pérsia); a Cobra ou Serpente (Pequeno Dragão, na Tailândia ); o Cavalo; a Cabra, bode ou Carneiro; o Galo ou Galinha; o Macaco; o Cão; o Porco ou Javali. O Cavalo de Fogo rege a cada 60 anos.
De acordo com um antigo texto budista, quando os animais terminam suas meritórias tarefas, fazem um juramento solene perante os budas de que um deles estará sempre, por um dia e por uma noite, pelo mundo, pregando e convertendo, enquanto os outros onze ficam praticando o bem em silêncio. O Rato inicia sua jornada no primeiro dia da sétima Lua; procura persuadir os nativos do seu signo a praticarem boas ações e a corrigirem os defeitos de seus temperamentos. Os demais bichos fazem o mesmo, sucessivamente, e o Rato reinicia seu trabalho no 13º dia. Assim, graças ao trabalho constante dos animais, os budas garantem uma certa ordem no universo.</p>
</div>
</div>
<div class="rightCol">
@Html.Partial("_MyFamily")
        <div class="separator_green" style="margin-top:10px">
           @Html.Partial("_PubVideo")
        </div>
</div>
<div class="clear"></div>
<script type="text/javascript">
    function valida() {
        if ($("#datachines").val() == "") return false;
        else return true;
    }
</script>